<script lang="ts" setup>
import { AuthPageLayout } from '@vben/layouts';

import { storeToRefs } from 'pinia';

import { $t } from '#/locales';
import { usePreferencesStore } from '#/store';

const preferencesStore = usePreferencesStore();
const { title } = storeToRefs(preferencesStore);
// const appName = computed(() => preferences.app.name);
// const logo = computed(() => preferences.logo.source);
</script>

<template>
  <AuthPageLayout
    :app-name="title"
    :page-description="$t('authentication.pageDesc')"
    :page-title="$t('authentication.pageTitle')"
    :toolbar-list="['color', 'language', 'theme']"
  >
    <!-- 自定义工具栏 -->
    <!-- <template #toolbar></template> -->
  </AuthPageLayout>
</template>
